<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Axios</title>
	</head>
	<body>
		<h1>Axios</h1>
		<script src="../js/axios.js" ></script>
		<script >
		/**
		 * 注意事项:
		* 	1.Axios将原来的嵌套的结构,改为链式加载方式
		*   2.回调函数中的data,不是服务器的返回值,是promise对象
		* 
		* 发起Ajax请求:
		* 	1. GET请求获取数据
		*/
			axios.get("http://localhost:8090/axios/getUser")
			.then(function(result){//promise对象
				//获取服务器返回值  promise.data
				console.log(result.data)
			})
			/**
			 *  GET请求-简单参数的写法
			* 需求: 根据ID查询数据
			* URL: http://localhost:8090/axios/getUserById?id=100
			*/
			axios.get("http://localhost:8090/axios/getUserById?id=100")
			.then(function(result){
			console.log(result.data)
			})
			/**
			* restFul风格实现业务传参 
			* 需求: 根据name/age查询数据
			* URL: http://localhost:8090/axios/user/tomcat/18
			* 注意: 模版字符串优化参数  ``
			*/
			let name = "mysql"
			let age = 20
			axios.get(`http://localhost:8090/axios/user/${name}/${age}`)
			.then(function(result){
			console.log(result.data)
			})
		</script>
	</body>
</html>
